<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="stylesheet" href="/css/detail.css">
   <link rel="stylesheet" href="/libs/font/iconfont.css">
   <title>详细信息</title>
</head>
<body>
   <header></header>
   <main id="detail">
      <!-- <div class="Welcom-word"><i class="web-font">宝贝已经等你很久了哟</i></div> -->
      
   </main>
   <script type="text/html" id="detailTemplate">
      <div class="detail-info-content">
         <div class="detail-pic">
            <div class="detail-pic-normal">
               <img src="{{photo[0].url}}" class="zoom-normal-image">
               <ul class="detail-pic-small" id="detail-pic-small">
                  {{each photo img}}
                  <li>
                     <a href="javascript:;" data-image="{{img.url}}" data-zoom-image="{{img.url}}">
                        <img src="{{img.url}}">
                     </a>
                  </li>
                  {{/each}}
               </ul>
            </div>
         </div>
         <div class="detail-info">
            <p class="name"><span>{{accessoryHints[2]}}</span>&nbsp{{title}}</p>
            <div class="price-info">
               <p class="origin-price">原价 ￥{{originPrice}}</p>
               <p class="now-price">优惠价 ￥{{price.toFixed(2)}}
                  {{if couponValue}}
                  <span class="coupon-value">{{couponValue}}</span>
                  {{/if}}
               </p>
               <div class="sale-num">已售出 {{saleNum}}</div>
            </div>
            <div class="cart">
               <a href="javascript:;" class="add-cart" id="add-to-cart-btn">加入购物车</a>
               <a href="/html/payfor.html" class="direct-buy">直接购买</a>
            </div>
         </div>
      </div>
      
         <div class="detailImgContent">
            <div class="detailImgBox">
               {{each descContentList detailImg}}
               <img src="{{detailImg.image.url}}" alt="" class="bigimg">
               {{/each}}
            </div>
         </div>
   </script>

   <footer></footer>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/detail"></script>

</html>